← All resources

Welcome to TrustedCount Resources (template post)

A working template that demonstrates every supported feature: frontmatter, hero image, headings, lists, quotes, code, inline images, tables, and the closing CTA.

· Updated · TrustedCount
TrustedCount Resources hero — dark background with brand mark and Resources label

This is the template post. Duplicate the welcome-to-trustedcount-resources/ folder, rename it to your new post’s URL slug, swap out hero.jpg, then replace this frontmatter and body. Everything below shows how the supported markdown features render — keep this file around as a reference.

How to write a new post

Posts live in src/content/resources/<slug>/index.md. The folder name becomes the URL — a folder called why-content-blockers-break-call-tracking/ lives at /resources/why-content-blockers-break-call-tracking/. Pick slugs that read like a search query: short, hyphenated, lowercase, no stop words you can drop.

A few things that are easy to get wrong:

  • description shows up in search results and the social card. Aim for 150–160 characters and lead with the value, not the topic.
  • pubDate is required and should be the day the post first goes live. updatedDate is optional — add it whenever you make a non-trivial edit so the sitemap and JSON-LD reflect it.
  • draft: true keeps a post out of the listing, the sitemap, the RSS feed, and the build. Use it for in-progress posts.

Frontmatter cheat sheet

FieldRequiredNotes
titleyes50–60 chars renders best in Google
descriptionyesUsed for <meta name="description"> and OG description
pubDateyesISO date, e.g. 2026-05-19
updatedDatenoSet when revising the post
heroImagenoPath relative to the post folder, e.g. ./hero.jpg
heroImageAltnoRequired for accessibility if heroImage is set
authornoDefaults to TrustedCount
tagsnoArray of strings; shown as pills at the bottom
draftnotrue excludes from production

Formatting reference

Paragraphs use plain prose. You can use bold, italics, and inline code freely. Inline links work the way you expect — for example, the TrustedCount homepage or an external link to Wikipedia.

A bulleted list

  • Lists render with comfortable spacing
  • Nested formatting like bold and code works inline
  • Keep individual items short so they scan on mobile

A numbered list

  1. First, install the snippet on every checkout page
  2. Then fire a test conversion to confirm it lands in the dashboard
  3. Finally, set up an alert so a broken funnel pages you within minutes

A blockquote

Pull quotes work well for the one-line insight that anchors a section:

A rough number you can act on in 30 seconds beats a perfect number you get tomorrow morning.

A code block

Code blocks use fenced syntax. Specify a language for syntax highlighting:

<!-- TrustedCount tracking snippet -->
<script async src="https://cdn.trustedcount.com/tc.js"
        data-site="YOUR_SITE_ID"></script>
// You can also fire conversions programmatically.
window.tc?.('conversion', {
  value: 47.00,
  currency: 'USD',
  order_id: 'order_8821',
});

An inline image

Inline images go in the same folder as the post and use a relative path. Astro automatically optimizes them, generates a responsive srcset, and adds the width/height to prevent layout shift.

Diagram showing the path from ad click to conversion, with TrustedCount watching each step

The alt text above isn’t optional — write descriptive alt for every image you use. It’s the single highest-leverage accessibility and SEO move you can make on a blog post.

SEO defaults you get for free

Every post in this collection automatically gets:

  • A canonical <link> so Google doesn’t dedupe against tracking-param variants
  • Open Graph + Twitter Card tags using your heroImage
  • BlogPosting JSON-LD structured data (eligible for rich results)
  • An entry in /sitemap-index.xml with the correct lastmod
  • An entry in /rss.xml
  • Semantic HTML (<article>, <time datetime>, proper heading hierarchy)
  • Lazy-loaded, AVIF/WebP-optimized images with explicit dimensions

You don’t have to think about any of this — write the post, ship the markdown, the rest happens at build time.

What to do next

Once you’ve copied this folder and replaced the content, run npm run dev locally to preview, then deploy with npm run deploy. The first real post is the hardest — after that, the template makes itself.

templategetting-started

Stop losing ad budget to broken funnels.

TrustedCount alerts you the moment conversions fall off a cliff — not tomorrow morning.

Start free trial